<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kukui Cup</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap-override.css" rel="stylesheet">
<link href="css/makahiki-structure.css" rel="stylesheet">

<link rel="stylesheet/less" type="text/css" href="css/greg-theme.less">
<script src="http://lesscss.googlecode.com/files/less-1.3.0.min.js" type="text/javascript"></script> 
<link href="css/help.css" rel="stylesheet"> 

</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
    <div id="info-bar-wide" class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="span1">
                    <img src="./images/default_avatar.png" />
                </div>
                <div class="span3">
                    <h4>Cam M.</h4>
                    <div id="user-cycle">
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #2/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #4/17
                                    overall.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/17
                                    overall.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <h4>Mokihana: Lounge A</h4>
                    <!-- 					<div class="span2 offset1"> -->
                    <div id="team-cycle">
                        <div>
                            <ul>
                                <li>Overall: 570 points. #2 out of
                                    20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 88 kWh. #1 out of 20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 50 gallons. #7 out of
                                    20.</li>
                            </ul>
                        </div>
                    </div>
                    <!-- 					</div> -->
                </div>
                <div class="span3" style="text-align: center">
                    <div id="round-cycle">
                        <div class="span3">
                            <ul>
                                <li><h4>Overall Round</h4></li>
                                <li>Ends in 5 Days, 9 Hours, and 39
                                    Minutes</li>
                            </ul>
                        </div>
                        <div class="span3">
                            <ul>
                                <li><h4>Next Workshop</h4></li>
                                <li>Friday evening @ 5pm.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span2">
                    <button 
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <div id="info-bar-single" class="container-fluid">
        <div class="row-fluid">
            <div class="span12" style="text-align: center">
                <div class="span4">
                    <div id="single-cycle">
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#2 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#4 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            570 points #2 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            88 kWh #1 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            50 gallons #7 out of 20
                        </div>
                        <div class="span3">
                            <h4>Overall Round</h4>
                            Ends in 5 Days, 9 Hours, and 39 Minutes
                        </div>
                        <div class="span3">
                            <h4>Next Workshop</h4>
                            Friday evening @ 5pm.
                        </div>
                    </div>
                </div>
                <div class="span2">
                    <button 
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <p></p>
    <p></p>
    <!-- Navbar
    ================================================== -->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse"
                    data-target=".nav-collapse"> <span
                    class="icon-bar"></span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="brand">
                    <img src="./images/spacer-54.png"
                        alt="University of Hawaii" />
                    <div class="caption">Kukui Cup/UH</div>
                </div>
                <div class="nav-collapse">
                    <ul class="nav">
                        <!-- Choose the correct active page by adding active to the class list -->
                        <li class="home"><a href="home.html"
                            class="home"><img
                                src="./images/spacer-54.png">Home</a></li>
                        <li class=""><a href="activities.html"
                            class="activities"> <img
                                src="./images/spacer-54.png"> Get
                                Nutz
                        </a></li>
                        <li class=""><a href="energy.html"
                            class="energy"> <img
                                src="./images/spacer-54.png"> Go
                                Low
                        </a></li>
                        <li class=""><a href="water.html"
                            class="water"><img
                                src="./images/spacer-54.png">
                                Water</a></li>
                        <li class=""><a href="news.html"
                            class="news"> <img
                                src="./images/spacer-54.png"> News
                        </a></li>
                        <li class=""><a href="advanced.html"
                            class="advanced"><img
                                src="./images/spacer-54.png">
                                Advanced</a></li>
                        <li class=""><a href="prizes.html"
                            class="prizes"> <img
                                src="./images/spacer-54.png">
                                Prizes
                        </a></li>
                        <li class=""><a href="profile.html"
                            class="profile"> <img
                                src="./images/spacer-54.png">
                                Profile
                        </a></li>
                        <li class="active"><a href="help.html"
                            class="help"> <img
                                src="./images/spacer-54.png"> Help
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span6">
                <div class="content-box"> 
                        <div class="content-box-title">
                            Introduction to the Kukui Cup</div>
                        <div 
                            class="content-box-contents">
                            <object type="application/x-shockwave-flash"
                                id="ytPlayer"
                                data="http://www.youtube.com/v/T37kNTkZCrA?fs=1&hl=en_US&rel=0&enablejsapi=1"
                                width="376" height="225">
                                <param name="allowScriptAccess"
                                    value="always">
                                <param name="wmode" value="opaque">
                            </object>
                            <script type="text/javascript">
                                                                                                        google
                                                                                                                .load(
                                                                                                                        "swfobject",
                                                                                                                        "2.1");
                                                                                                    </script>
                            <script src="./help_files/swfobject.js"
                                type="text/javascript"></script>
                            <script type="text/javascript">
                                                                                                        google
                                                                                                                .setOnLoadCallback(function() {
                                                                                                                    var videoID = "T37kNTkZCrA";
                                                                                                                    var width = "376";
                                                                                                                    var length = "225";
                                                                                                                    var params = {
                                                                                                                        allowScriptAccess : "always",
                                                                                                                        wmode : "opaque"
                                                                                                                    };
                                                                                                                    var atts = {
                                                                                                                        id : "ytPlayer"
                                                                                                                    };
                                                                                                                    swfobject
                                                                                                                            .embedSWF(
                                                                                                                                    "http://www.youtube.com/v/"
                                                                                                                                            + videoID
                                                                                                                                            + "?fs=1&hl=en_US&rel=0&enablejsapi=1",
                                                                                                                                    "videoDiv",
                                                                                                                                    width,
                                                                                                                                    length,
                                                                                                                                    "8",
                                                                                                                                    null,
                                                                                                                                    null,
                                                                                                                                    params,
                                                                                                                                    atts);
                                                                                                                });
                                                                                                    </script>
                        </div> 
                </div>

                <div class="content-box">
                    <div>
                        <div class="content-box-title">Rules
                            of the competition</div>
                        <div class="content-box-contents">
                            <ul>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/help/rules/what-kukui-cup/">What
                                        is the Kukui Cup?</a>
                                </li>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/help/rules/terms-and-conditions/">Terms
                                        and Conditions</a>
                                </li>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/help/rules/competitions/">Competitions</a>

                                    <ul>

                                        <li><a
                                            href="http://dasha.ics.hawaii.edu:8200/help/rules/lounge-energy-competition/">Lounge
                                                Energy Competition</a></li>

                                        <li><a
                                            href="http://dasha.ics.hawaii.edu:8200/help/rules/point-competitions/">Point
                                                competitions</a></li>

                                    </ul></li>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/help/rules/timeline/">Timeline</a>
                                </li>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/help/rules/performing-activities/">Performing
                                        Activities</a>
                                </li>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/help/rules/event-ties/">In
                                        the Event of Ties</a>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="span6">
                <div class="content-box">
                        <div class="content-box-title">
                            Frequently Asked Questions</div>
                        <div class="content-box-contents">
                            <ul>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/help/faq/how-is-energy-goal-picked/">How
                                        is the energy goal picked?</a>
                                </li>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/help/faq/what-plug-load/">What
                                        is plug load?</a>
                                </li>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/help/faq/can-i-collaborate-people-other-lounges/">Can
                                        I collaborate with people on other
                                        lounges?</a>
                                </li>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/help/faq/how-do-i-contact-you-questions/">How
                                        do I contact you with questions?</a>
                                </li>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/help/faq/how-does-raffle-work/">How
                                        does the raffle work?</a>
                                </li>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/help/faq/how-screenshot-mac/">How
                                        do I take a screenshot on a Mac?</a>
                                </li>

                            </ul>
                        </div>
                </div>

                <div class="content-box">
                    <div>
                        <div class="content-box-title">Ask
                            an Admin
                        </div> 
                        Got a question that's not answered here? Type it
                        below and an admin will email you the answer.
                        <form 
                            action="http://dasha.ics.hawaii.edu:8200/ask-admin/send-feedback/"
                            method="POST">
                            <div style="display: none">
                                <input type="hidden"
                                    name="csrfmiddlewaretoken"
                                    value="a24f5c59567f2c177a6fd44ab2ab1de9">
                            </div>
                            <input type="hidden" name="url" >

                            <textarea rows="10"
                                cols="40" name="question"></textarea>
                            <div>
                                <input type="submit" value="Send"
                                    class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled"
                                    role="button" aria-disabled="true"
                                    disabled=""> <span 
                                    style="display: none">
                                    Sending <img
                                    src="./help_files/spinner.gif">
                                </span>
                                <div style="clear: both"></div>
                            </div>
                        </form> 
                    </div>
                </div>
            </div> 
        </div> 
    </div>

    <div id="footer"></div>
 
 
    <!-- javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>

    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>

    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/jquery.cycle.all.js"></script>

    <script type="text/javascript">
					$.fn.cycle.defaults.timeout = 6000;
					$(function() {
						$('#user-cycle').cycle({
							fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
							fit : 1
						});
					});

					$(function() {
						$('#team-cycle').cycle({
							fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
							fit : 1
						});
					});

					$(function() {
						$('#round-cycle').cycle({
							fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
							fit : 1
						});
					});

					$(function() {
						$('#single-cycle').cycle({
							fx : 'scrollUp', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
							fit : 1,
							height : 55
						});
					});
				</script>

</body>
</html>